<template>
  <div>
    <img :src="urlRoot+newsList[1].plate3_img" >
    <br>
    <p>{{newsList[1].plate1_txt_content}}</p>
    <span>{{"发布的时间:"+newsList[1].title_banner_txt_time}}</span>
  </div>
</template>

<script>
  import {Toast} from 'mint-ui'
  export default {
    name: "newsinfo",
      name: "detail",
      data(){
        return{
          newsList:[],
          urlRoot:"http://psrecycle.oss-cn-hangzhou.aliyuncs.com/recycle/idcard/"
        }
      },
      methods:{
        getList(){
          this.$http.get("http://118.25.40.54:3000/apitext")
            .then(info=>{
              if(info.body!==undefined)
              {
                this.newsList = info.body.data;
                console.log(this.newsList)
              }else{
                Toast("获取数据失败。。。");
              }
            })
        }
      },
      created() {
        this.getList()
      }

  }
</script>

<style scoped>
  div{
    margin-top: 150px;
  }
  img{
    width: 1080px;
    height: 600px;
  }
  p{

    height: 600px;
    color: black;
    margin: 60px;
    line-height: 100px;
    font-size: 40px;
  }
  span{
  font-size: 50px;
    float: right;
    top: 90px;


  }
</style>